{% extends '_base.html' %}

{% block content %}
<div class="min-h-[70vh] flex items-center justify-center">
    <div class="text-center">
        <h1 class="text-9xl font-bold text-gray-900 dark:text-white">404</h1>
        <p class="text-2xl font-semibold text-gray-700 dark:text-gray-300 mt-4">页面未找到</p>
        <p class="text-gray-500 dark:text-gray-400 mt-4 mb-8">抱歉，您访问的页面不存在或已被移除。</p>
        <a href="/" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">
            返回首页
        </a>
    </div>
</div>
{% endblock %}